@import "mixins/mixins";
@import "common/variables";
@import "common/config";

@include block(breadcrumb_item) {

  // 内部元素
  @include modifier(inner) {

    // 是否链接
    @include when(link) {
      cursor: pointer;
      color: $breadcrumb-default-font-color;
      font-weight: $breadcrumb-blod-font-weight;

      &:hover {
        color: $breadcrumb-select-font-color;
      }
    }

    // 是否选中
    @include when(active) {
      cursor: pointer;
      color: $breadcrumb-select-font-color;
    }

  }

  // 分隔符
  @include modifier(separator) {
    margin: 0 $breadcrumb-margin-horizontal;
    color: $text-placeholder-color;
  }

  // 最后一项 隐藏分隔符
  $root: &;

  &:last-child {

    $selector: $root + $element-separator + separator;

    #{$selector}{
      display: none;
    }
  }

}
